.Search {
  width: 100%;
  height: 66px;

  display: flex;
  align-items: center;

  //
  background-color: transparent;
  //

  :global {
    .left {
      flex: 1;
      display: flex;
      align-items: center;
      height: 100%;

      //
      border-radius: 38px;
      background: #f0f0f0;
      //

      .search-icon {
        flex-shrink: 0;

        width: 27px;
        height: 27px;

        margin-left: 32px;
      }

      .input {
        flex: 1;

        margin-left: 18px;

        height: 37px;
        line-height: 37px;
        font-size: 26px;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        letter-spacing: 2px;
        color: #333333;
      }

      .placeholder {
        font-size: 26px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.25);
      }

      .clear {
        flex-shrink: 0;

        width: 59px;
        height: 100%;

        display: flex;
        justify-content: center;
        align-items: center;

        .icon {
          width: 33px;
          height: 33px;
        }
      }
    }

    .right {
      flex-shrink: 0;
      margin-left: 32px;
      position: relative;
      height: 100%;

      display: flex;
      justify-content: center;
      align-items: center;

      //
      font-size: 28px;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #333333;
      //


      // 扩大点击范围
      &::after {
        content: "";
        position: absolute;
        height: 83px;
        top: 0;
        bottom: 0;
        left: -32px;
        right: -24px;
        background: transparent;
      }
    }
  }
}
